<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
{template header}
    <div id="app">
    	<div id="shadow" style="display: none;"></div> 
       	<header class="top">
        	<span></span> 
        	<ul>
         		<li><a href="{U('member/info')}">个人资料</a></li>
         		<li class="on"><a>等级头衔 </a></li>
        	</ul> 
        	<div class="iconfont back" style="display: none;"></div> 
        	<a href="{U('member/index')}" class="iconfont back" style=""></a> 
       	</header> 
   		<div class="main levelTitle" s="[object Object]">
    		<div class="levelTitleHeader">
         		<div class="levelTitleInfo fix">
                  	<img src="{$userInfo['head_pic']}" /> 
                  	<div class="rightInfo">
                       	<h1>
                            <ins id="id_user_name">{$userInfo['username']}</ins>
                            <i class="vip"></i>
                            <span>{$levelInfo['level']}</span>
                        </h1> 
                       	<i>头衔：{$levelInfo['title']}</i> 
                       	<i>成长值分：{$levelInfo['group_point'] * 1}</i>
                  	</div>
             	</div> 
     			<p class="levelTips">距离下一级需要0分 每充值1元加1分</p> 
         		<div class="levelBar fix">
                  	<div class="left">{$levelInfo['title']}</div> 
                  	<p class="u-progress" style="width: 12rem;">
                  		<span id="progress" style="width:0" class="pgbar"></span>
                  		<span>{if !$levelInfo['group_point']} 1{else} {$levelInfo['group_point']/$nextLevel['group_point'] * 100}{/if}%</span>
                  	</p> 
                  	<div class="right">{$nextLevel['title']}</div> 
                  	
             	</div> 
    		</div> 
            <div class="levelRule">
             	<i class="iconfont"></i> 等级机制 
            </div> 
            <table id="GradeList" width="100%" style="table-layout: auto;">
             	<tbody>
                  	<tr>
                       	<th>等级</th> 
                       	<th>头衔</th> 
                       	<th>成长积分</th>
                  	</tr> 
                  	{loop $levelData as $key => $value}
                  		<tr>
                       		<td>{$value['level']}</td> 
                       		<td>{$value['title']}</td> 
                       		<td>{$value['group_point']}</td>
                      	</tr>
                  	{/loop}
             	</tbody>
            </table>
   		</div> 
	</div>
    {template footer}
</html>
